iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Mobile Development

iOS菜逼八連續30天挑戰-2系列 第 1

iOS菜逼八連續30天挑戰-2 ScrollView(1/2)

  • 分享至 

  • xImage
  •  

今天是鐵人賽開賽第一天,如果沒看過我之前的文章,可以去看一下:
https://ithelp.ithome.com.tw/users/20140368/ironman/4067
接下來這邊會講到稍微比較「進階」的東西,希望能幫助到各位。

第一篇我們要講到ScrollView,因為網路上的東西,我看的不是很明白,常常出錯,將想說寫一篇給剛接觸的人,可以比較完整了解到ScrollView用法。

首先,我們拉一個ScrollView,在我們的xib,並給好約束

這時候我們會發現一個系統會報錯誤給我們,這邊是告訴我們content layout guide 沒有給,aka,你沒告訴ScrollView捲動範圍~
但上面的frame layout guide是ScrollView的元件大小,所以我們剛剛拉的constraints是元件的不要搞混~

接著我們選兩塊view,一個在畫面左邊,一個在右邊,可以滾動

重點來了,如果要「左右」滑動,你要把這個viewA的leading貼到畫面的最左邊,top space 跟 bottom space要給0,也就是說你的上下固定了,那這時候你的viewA的右邊,自然就是貼著你viewB的最左邊了~
總結一下(注意喔,要在container裡面拉約束):
1.要給兩塊view的高跟寬,我是讓他吃螢幕比例1:1
2.viewA的 leading 要貼齊container
3.viewB的trailing 要他齊container
4.viewA跟viewB的上下要固定貼齊container
5.viewA的右邊要跟viewB的左邊貼在一起,這時候就可以順利滑動了~


下一篇
iOS菜逼八連續30天挑戰-2 ScrollView(2/2)
系列文
iOS菜逼八連續30天挑戰-230
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言